<template>
    <div id="bottom-tab">
        <div class="bottom-tab">
            <div class="bl">
                <i class="m-logo"></i>
                <span class="m-title">雷迪奥研发中心</span>
                <p class="br-msg"><span class="add">地址：XXXXXXXXXXXXXXXXXXXX</span>&nbsp;&nbsp;&nbsp;<span class="num">沪ICP备xxxxxxxx号</span></p>
                <p class="copyright">版权所有：© 2010-2017 XXXXXXXXXXXX管理有限公司 ALL Rightts Reserved.</p>
                <p class="police-msg"><i class="police-ico"></i> &nbsp; 沪公网安备 310110*****99号</p>
            </div>
            <div class="br">
                <p class="phone">全国免费咨询热线：XXX-XXX-XXXX</p>
                <p class="workdate">周一到周五 ( 9:00--18:00 )</p>
            </div>            
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {}
        }
    }
</script>

<style scoped>
#bottom-tab {
    height:210px;
    background:rgba(34,34,34,1);
}
.bottom-tab {
    width: 1200px;
    margin: 0 auto 0;
    padding-top: 42px;
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
}
.m-logo {
    width: 43px;
    height: 20px;
    background: url(../assets/m_logo.png) no-repeat 100% 100%;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}
.br-msg {
    margin-top: 9px;;
}
.m-title {
    font-size: 20px;
    padding-left: 10px;
}
.br {
    padding-left: 114px;
    font-size: 16px;
}
p {
    line-height: 32px;
}
.police-ico {
    width: 18px;
    height: 20px;
    background: url(../assets/police_icon.png) no-repeat 100% 100%;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}
</style>